<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<script src="./js/header.js"></script>
		<title>首页</title>
		<style type="text/css">
			.el-header, .el-footer {
				background-color: #B3C0D1;
				color: #333;
				text-align: center;
				line-height: 60px;
				position: absolute;
				left: 0;
				right: 0;
			}
			.el-header {
				top: 0;
			}
			.el-footer {
				bottom: 0;
				padding: 0;
			}
			.el-aside {
				background-color: #D3DCE6;
				color: #333;
				text-align: center;
				line-height: 200px;
			}
			.el-main {
				background-color: #E9EEF3;
				color: #333;
				text-align: center;
				line-height: 160px;
				position: absolute;
				left: 0;
				right: 0;
				top: 60px;
				bottom: 60px;
			}
			body > .el-container {
				margin-bottom: 40px;
			}
			.el-container:nth-child(5) .el-aside,
			.el-container:nth-child(6) .el-aside {
				line-height: 260px;
			}
			
			.el-container:nth-child(7) .el-aside {
				line-height: 320px;
			}
			.links {
				font-family: PingFangSC-Medium;
				font-size: 16px;
				color: #FFFFFF;
				letter-spacing: 1.8px;
				line-height: 22px;
			}
			.website_footer {
				font-family: PingFangSC-Regular;
				font-size: 12px;
				color: #323232;
				letter-spacing: 0px;
				margin-top: 10px;
			}
			.website_footer1 {
				font-family: PingFangSC-Regular;
				font-size: 12px;
				color: #323232;
				letter-spacing: 1.3px;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<el-container>
				<el-header>Header</el-header>
				<el-main>Main</el-main>
				<el-footer>
					<el-row type="flex"  justify="center" style=" background-image: linear-gradient(-78deg, #1765A7 0%, #1665A7 99%);">
						<el-col :span="2">
							<div>
								<span class="links">友情链接：</span>
							</div>
						</el-col>
						<el-col :span="3">
							<div>
								<span class="links">中国科普博览</span>
							</div>
						</el-col>
						<el-col :span="2">
							<div>
								<span class="links">中国科技云</span>
							</div>
						</el-col>
						<el-col :span="5">
							<div>
								<span class="links">中科院仪器设备共享管理平台</span>
							</div>
						</el-col>
						<el-col :span="3">
							<div>
								<span class="links">首都科技条件平台</span>
							</div>
						</el-col>
						<el-col :span="2">
							<div>
								<span class="links">中国科学院</span>
							</div>
						</el-col>
						<el-col :span="2">
							<div>
								<span class="links">科搜网</span>
							</div>
						</el-col>
					</el-row>
					<el-row type="flex" justify="center" style="background: #E4EBEF;">
						<el-col :span="3" style="margin-top: 36px; margin-bottom: 43px;">
							<div style="width: 129px; height: 57px;">
								<img src="images/zhaocuo.png">
							</div>
						</el-col>
						<el-col :span="2" style="margin-top: 31.7px; margin-bottom: 31.3px;">
							<div style="width: 67px; height: 67px;">
								<img src="images/logo-dark.png">
							</div>
						</el-col>
						<el-col :span="7" style="margin-top: 30px; margin-bottom: 32px; line-height: 21px;" >
							<div class="div-left" style="text-align: left;">
								<span class="website_footer1">本平台为国家重点研发计划“现代服务业”重点专项项目</span>
							</div>
							<div class="div-left" style="text-align: left;"> 
								<span class="website_footer">京公安网备11010802017084号</span>
							</div>
							<div class="div-left" style="text-align: left;">
								<span class="website_footer">Copyright@2019 中国地震局“互联网+监管”公共服务平台 版权所有</span>
							</div>
						</el-col>
						<el-col :span="1">
							<div style="width: 0px; height:85px; color: #9B9B9B; margin-top:25px;margin-bottom: 26px;border-left: -1px; border: 1px solid #9B9B9B;opacity: 0.56;"></div>
						</el-col>
						<el-col :span="6" style="margin-top: 30px; margin-bottom: 37px; line-height: 21px;">
							<div class="div-left" style="text-align: left;">
								<span class="website_footer1">地址：北京海淀区学院南路55号院</span>
							</div>
							<div class="div-left" style="text-align: left;">
								<span class="website_footer1">邮编：074200</span>
							</div>
							<div class="div-left" style="text-align: left;">
								<span class="website_footer1">主办单位：中国地震局</span>
							</div>
						</el-col>
					</el-row>
				</el-footer>
			</el-container>			
		</div>
	</body>
	<script>
		new Vue({
			el: '#app',
			data() {
				return {
					
				}
			},
			methods: {
				
			}
		})
	</script>
</html>
